<!DOCTYPE html>
<html lang="zh-CN">
<!--author：yuji-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="../../public/stylesheets/common.css">
    <link rel="stylesheet" type="text/css" href="../../public/stylesheets/reset.css">
    <link rel="stylesheet" type="text/css" href="../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../public/stylesheets/user_center/user_center.css">
    <title>我的橘花</title>
</head>
<body>
<!--头部-->
<div class="of-header gray">
        <a class="header-back" href="javascript:history.back()"></a>
        注册新用户
    <a class="header-function" href="../reg_login/settings.html">设置</a>
</div>

<!--个人信息-->
<div class="user-center-info clear-float">
    <div class="left-info">
        <img class="avator" src="../../public/images/user_center/my_head.png">
        <div class="name-mobile">
            <h4 class="u-name">邵小盒</h4>
            <h6 class="u-mobile">15996276407</h6>
        </div>
    </div>
    <a class="reg-btn" href="../user_center/user_credit.html">立即认证</a>
</div>

<div class="split-line"></div>

<!--余额-->
<div class="user-center-balance">
    <div class="balance-left">
        <h4 class="info-text">信用额度（元）</h4>
        <p class="info-num">0.0</p>
    </div>
    <div class="balance-right">
        <h4 class="info-text">可用额度（元）</h4>
        <p class="info-num">0.0</p>
    </div>
</div>

<div class="split-line"></div>

<!--按钮列表-->
<div class="user-center-btn-list">
    <ul>
        <li class="list-item">
            <a class="list-item-link" href="javascript:;">我的订单</a>
            <span class="arrow"></span>
        </li>
        <li class="list-item">
            <a class="list-item-link" href="javascript:;">我的账单</a>
            <span class="arrow"></span>
        </li>
        <li class="list-item">
            <a class="list-item-link" href="javascript:;">客服热线</a>
            <span class="arrow"></span>
        </li>
        <li class="list-item">
            <a class="list-item-link" href="javascript:;">修改密码</a>
            <span class="arrow"></span>
        </li>
        <li class="list-item">
            <a class="list-item-link" href="javascript:;">使用帮助</a>
            <span class="arrow"></span>
        </li>
    </ul>
</div>

<!--底部导航栏-->
<div class="of-bottom-bar" id="navigationBar">
    <div>
        <a href="../index.html">
            <i class="of-icon-bottom of-icon-home"></i>
            首页
        </a>
    </div>
    <div >
        <a href="">
            <i class="of-icon-bottom of-icon-classify"></i>
            商品分类
        </a>
    </div>
    <div >
        <a href="user_center.html">
            <i class="of-icon-bottom of-icon-hot"></i>
            热卖
        </a>
    </div>
    <div >
        <a href="user_center.html">
            <i class="of-icon-bottom of-icon-person active"></i>
            我的
        </a>
    </div>
    <div >
        <a href="../reg_login/register.html">
            <i class="of-icon-bottom of-icon-heart "></i>
            帮助
        </a>
    </div>
</div>
</body>
</html>